var layModules = {};
var stateNameMap = {
    0: '未同意',
    1: '已加入',
    2: '已拒绝'
};

function GroupTable() {
    this.id = '#group-table';
}

GroupTable.prototype = {
    render: function () {
        var _this = this;
        layModules.table.render({
            elem: _this.id,
            height: 600,
            url: '/front/group/mine',
            page: false,
            cols: [[
                {field: 'id', title: '#', width: 80, fixed: 'left'},
                {
                    field: 'userGroup', title: '群组', fixed: 'left', templet: function (d) {
                        return d.userGroup.name + '(' + d.userGroup.description + ')';
                    }
                },
                {field: 'roleLevel', title: '角色权限等级'},
                {field: 'roleName', title: '角色名称'},
                {
                    field: 'state', title: '状态', templet: function (d) {
                        return stateNameMap[d.state];
                    }
                },
                {
                    field: 'operation', title: '操作', templet: function (d) {
                        console.log(d);
                        var html = '<button class="layui-btn layui-btn-xs layui-btn-danger">退出</button>';
                        return html;
                    }
                }
            ]]
        });
    }
};

$(function () {
    layui.use(['table'], function () {
        layModules.table = layui.table;
        var groupTable = new GroupTable();
        groupTable.render();
    });
});